<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>我是一个段落</p>
    <p>我是一个段落</p>
    <div id="box1">
        <p>我是一个段落</p>
        <p>我是一个段落</p>
    </div>
    <script>
        //getElementsByTagName()和getElementsByClassName()
        //getElementsByTagName() 通过标签名得到节点数组
        //如果直接写，则得到界面的所有p标签
        var ps=document.getElementsByTagName('p')//得到所有p节点
        console.log(ps)//[p,p,p,p]
        //如果只想得到#box1里面的p标签,则先得到box1,再通过box1得到里面的p节点
        var box1=document.getElementById('box1');
        var p_inbox1=box1.getElementsByTagName('p');
        console.log(p_inbox1)//[p,p]

        //getElementsByClassName() 通过类名得到节点数组
        //从IE9开始兼容
    </script>
</body>
</html>